<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<title>路飞</title>
		<style></style>
		<!--
        	作者：offline
        	时间：2018-09-21
        	描述：
        -->

        <!--  	css样式        -->
		<link rel="stylesheet"  href="mystyle.css"/>
		<script src='myscript.js'></script>
	</head>
	<body>
		<!--
        	作者：offline
        	时间：2018-09-21
        	描述：
        -->
		<h1 id='p1'>海燕</h1>
		<p>在苍茫的大海上</p>
		<p>狂风卷积着乌云</p>
		<p>在乌云和大海之间</p>
		<p>海燕像黑蓝色的闪电</p>
		<p>在高傲的飞翔</p>
		  <h1>一级标题</h1><h2>二级标题</h2>
        <h3>三级标题</h3>
        <h4>四级标题</h4>
        <h5>五级标题</h5>
        <h6>六级标题</h6>
         <ul type="square">
        <li>我的账户</li>
        <li>我的订单</li>
        <li>我的优惠券</li>
        <li>我的收藏</li>
        <li>退出</li>
    </ul>
   <div>
     <span>与行内元素展示的标签<span>
     <span>与行内元素展示的标签<span>
     <p><img src="./img/home1.png" alt="金融量化分析" style="width:200px;height:200px"></p>
     <p><img src="./img/home2.png" alt="人工智能实战"  style="width: 200px;height: 200px"></p>
 </div>
    <!-- 有序列表 type可以定义有序列表的样式 -->
    <ol type="1">
        <li>我的账户</li>
        <li>我的订单</li>
        <li>我的优惠券</li>
        <li>我的收藏</li>
        <li>退出</li>
    </ol>
<!-- 返回页面顶部的内容 -->
 		<a href="http://www.baidu.com" target="_blank" title="路飞学城">路飞学城</a>
        <a href="a.zip">下载包</a>
        <a href="mailto:zhaoxu@tedu.cn">联系我们</a>
        <a href="#">跳转到顶部</a>
         <!-- 返回某个id -->
        <a href="#p1">跳转到p1</a>
        <!-- javascript:是表示在触发<a>默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击<a>时就没有任何反应。 -->
        <a href="javascript:alert(1)">内容</a>
	</body>
</html>
